import React, { Component } from 'react'
import {SearchContainer,InputContainer,InputBorderContaner} from './Search.style'

export default class Search extends Component {

  static defaultProps={
    radius:0.2,
    bg:'#f5f5f5',
    inputBg:'#ffffff'
  }

  render() {
    let Input = this.props.hasBorder? InputBorderContaner:InputContainer;
    return (
      <SearchContainer bg={this.props.bg}>
        <Input radius={this.props.radius} inputBg={this.props.inputBg} >
          <i></i>
          <input type="text" placeholder={this.props.placeholder}/>
        </Input>
      </SearchContainer>
    )
  }
}

// Search.defaultProps={
//   radius:0.2
// }
